<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>WebCedis Biblioteca EPIS UNSA</title>

        <script src="src/page.js" type="text/javascript"></script>
        <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
        
        <link href="src/inettuts.css" rel="stylesheet" type="text/css" />
              
        <!-- JavaScript -->
         <script type="text/javascript" src="src/wufoo.js"></script>

        <!-- CSS -->
        <link rel="stylesheet" href="src/form.css" type="text/css" />
        <link rel="stylesheet" href="src/theme.css" type="text/css" />  
</head>

<body>

<? include("conf/config.php");?>

    <div id="columns" style="background:#f7f2aa">

        
        <ul id="column1" class="column">
        
            <li class="widget color-blue" >

                <div class="widget-head">

                    <h3>Busqueda Rapida</h3>

                </div>

                <div class="widget-content">
                   <div class="text-container" id="busqueda"> 
 				     <form class="wufoo" method="post" action="src_php/busqueda.php">
                      <input type="text" value="Busqueda" name="Busqueda" />
                      
                      <select name="BuscaPor">
                      
                       <option name="Por:"value="-1">Por:</option>
                       <option name="Titulo" value="0">Titulo</option>
                       <option name="ISBN" value="1">ISBN</option>
                       <option name="Autor" value="2">Autor</option>
                       <option name="Otro" value="3">Otro</option>
                      </select>
                      
                      <input type="submit" name="buscar" value="Buscar" />
                      
                     </form>
                     
                     
                 </div>
               </div>
    
            </li>
               <li class="widget color-red" style="display:block;" >

                <div class="widget-head">

                    <h3>Resultados Busqueda</h3>

                </div>

                <div class="widget-content">
                   <div class="text-container" id="Resultados"> 
 				     Aqui saldran los resultados de la Busqueda
                     
                     
                 </div>
               </div>

            </li>
          <li class="widget color-yellow" >

                <div class="widget-head">

                    <h3>Avisos WebCedis</h3>

                </div>

                <div class="widget-content">
                   <div class="text-container" id="novedades"> 
 				     Aqui vendran las novedades del webcedis
                 </div>
               </div>

            </li>
             
      </ul>

       <ul id="column2" class="column">
           <li class="widget color-granate" >

                <div class="widget-head">

                    <h3>Categorias</h3>

                </div>

              <div class="widget-content">
                 <div class="text-container" id="categorias"> 
 				

				<script type="text/javascript">
                    ajaxpage('Categorias.php', 'categorias') 
                </script>

                 </div>
                </div>

            </li>
            
             <li class="widget color-green" >

                <div class="widget-head">

                    <h3>Ultimos Agregados</h3>

                </div>

              <div class="widget-content">
                 <div class="text-container" id="ultimos"> 
 				

				Aqui saldran los ultimos materiales agregados!!

                 </div>
                </div>

            </li>

              

            

        </ul>



        <ul id="column3" class="column">
             <li class="widget color-granate">  

                <div class="widget-head">

                    <h3>Temas</h3>

                </div>

                <div class="widget-content" id="temas">

				

				<script type="text/javascript">

ajaxpage('Temas.php', 'temas') 
</script>

				



                </div>

            </li>



		     <li class="widget color-granate" id="material">

                <div class="widget-head">

                    <h3>Material</h3>

                </div>

                <div class="widget-content" id="materiales">

				<script type="text/javascript">

ajaxpage('Materiales.php', 'materiales') 
</script>

                </div>

            </li>
            
             <li class="widget color-white" id="material">

                <div class="widget-head">

                    <h3>Enviar Comentario</h3>

                </div>

                <div class="widget-content" id="texto">

                  <p>Envia un mensaje al bibliotecario, si tienes alguna duda, queja o comentario</p>
                  <form action="" method="post" name="texto">
                  <textarea cols="45" rows="5" name="text">Aqui tu comentario</textarea>
                  <input type="submit" name="enviar_comment" value="Enviar" />
                  </form>

                </div>

            </li>

        </ul>



    </div>

    <script type="text/javascript" src="src/jquery-ui-personalized-1.6rc2.min.js"></script>
    <script type="text/javascript" src="src/inettuts.js"></script>

	</body>

	</html>



